<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
<%@ page import="com.noteit.bean.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>NoteIT -Words Pool-</title>
<link href="${pageContext.request.contextPath}/css/main.css" rel="stylesheet" type="text/css">
<link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/css/main.css" rel="stylesheet" type="text/css">
<link href="${pageContext.request.contextPath}/css/displaytag_manage.css" rel="stylesheet" type="text/css" />
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/jscal2/jscal2.css" />
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/jscal2/border-radius.css" />
<link id="skin-steel" title="Steel" type="text/css" rel="alternate stylesheet" href="${pageContext.request.contextPath}/css/jscal2/steel/steel.css" />
<link id="skinhelper-compact" type="text/css" rel="alternate stylesheet" href="${pageContext.request.contextPath}/css/jscal2/reduce-spacing.css" />
<script language="JavaScript" src="${pageContext.request.contextPath}/js/jquery-1.4.4.min.js"></script>
<script language="JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.validate.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.metadata.js"></script>
<script src="${pageContext.request.contextPath}/js/jscal2/jscal2.js"></script>
<script charset="utf-8" src="${pageContext.request.contextPath}/js/jscal2/lang/en.js"></script>
<style type="text/css">
	.style1 {
		font-family: Verdana, Arial, Helvetica, sans-serif
	}
	#pkilogin {
		color: #F00;
		text-decoration: underline;
		text-align: center;
	}
</style>
<script type="text/javascript">
	function copyValue() {
		var lid = $('#deletedateBgnStr').val();
		if (lid.length > 0) {
			$('#deletedateEndStr').attr('value', lid);
		};
		
		var lid = $('#createdateBgnStr').val();
		if (lid.length > 0) {
			$('#createdateEndStr').attr('value', lid);
		};
	}
</script>
</head>
<body>
<div id="grailsLogo"><a href="#"><img src="${pageContext.request.contextPath}/images/grails_logo_t.jpgx" alt="WORDS POOL" border="0" /></a></div>
<jsp:include page="/menus_general.jsp"></jsp:include>
<br><br>
<div class="path">PATH： Words Pool &gt; Delete History</div>
<div id="tabs5">
  <ul>
    <li id="current"><a id="a1" href="${pageContext.request.contextPath}/noteit/WordsPoolAction.do" onClick="redirectTo('${pageContext.request.contextPath}/noteit/WordsPoolAction.do');"><span id="s1">Currently</span></a></li>
    <li><a id="a2" href="${pageContext.request.contextPath}/noteit/WordsPoolDelHistoryAction.do" onClick="redirectTo('${pageContext.request.contextPath}/noteit/WordsPoolDelHistoryAction.do');"><span id="s2">Delete History</span></a></li>
  </ul>
</div>
<div class="body">
<!-- end of Tabs--> 

<div id="errMsg">
<font color="red">
<ul></ul>
</font>
</div>

<!-- end of Tabs-->
<div class="body">
<!-- <h1>Words Pool </h1> -->

<div class="dialog">
<form action="" method="post" name="form1" id="form1">
<table width="860">
  <tr>
    <th>English：</th>
    <td width="152">
      <input name="english" id="english" type="text" size="40" maxlength="40" value="" x-webkit-speech lang="en" />
    </td>
    <th>繁體中文：</th>
    <td width="350">
      <input name="chinese" id="chinese" type="text" size="40" maxlength="40" value="" x-webkit-speech lang="zh-TW"/>
    </td>
  </tr>
  <tr>
    <th>DeleteDate：</th>
    <td width="350">
    <s:textfield theme="simple" name="deletedateBgnStr" id="deletedateBgnStr" size="12" onblur="copyValue()"/>
    <a id="deletedateBgnStr-trigger"><img src="${pageContext.request.contextPath}/images/date.jpg" width="15" height="16"></a> 
    <!-- calendar script --> 
    <script type="text/javascript">
		var JCAL = Calendar.setup({
			onSelect : function(cal) {
				cal.hide();
			},
			//showTime: 24,
			titleFormat : "%Y, %B"
		});
		JCAL.manageFields("deletedateBgnStr-trigger", "deletedateBgnStr", "%Y/%m/%d");
	</script> 
	<script type="text/javascript">
	
	var calendarSkin = document.getElementById("skin-steel");
	calendarSkin.disabled = true;
	calendarSkin.disabled = false;
    </script> ~ 
    <s:textfield theme="simple" name="deletedateEndStr" id="deletedateEndStr" size="12" /> 
    <a id="deletedateEndStr-trigger">
    <img src="${pageContext.request.contextPath}/images/date.jpg" width="15" height="16"></a> 
    <!-- calendar script -->
    <script type="text/javascript">
		var JCAL = Calendar.setup({
			onSelect : function(cal) {
				cal.hide();
			},
			//showTime: 24,
			titleFormat : "%Y, %B"
		});
		JCAL.manageFields("deletedateEndStr-trigger", "deletedateEndStr", "%Y/%m/%d");
	</script> 
	<script type="text/javascript">
	var calendarSkin = document.getElementById("skin-steel");
	calendarSkin.disabled = true;
	calendarSkin.disabled = false;
	</script></td> 
    <!--  -->
    <th>CreateDate：</th>
    <td width="350">
    <s:textfield theme="simple" name="createdateBgnStr" id="createdateBgnStr" size="12" onblur="copyValue()"/> 
    <a id="createdateBgnStr-trigger"><img src="${pageContext.request.contextPath}/images/date.jpg" width="15" height="16"></a> 
    <!-- calendar script --> 
    <script type="text/javascript">
		var JCAL = Calendar.setup({
			onSelect : function(cal) {
				cal.hide();
			},
			//showTime: 24,
			titleFormat : "%Y, %B"
		});
		JCAL.manageFields("createdateBgnStr-trigger", "createdateBgnStr", "%Y/%m/%d");
	</script> 
	<script type="text/javascript">
	
	var calendarSkin = document.getElementById("skin-steel");
	calendarSkin.disabled = true;
	calendarSkin.disabled = false;
    </script> ~ 
    <s:textfield theme="simple" name="createdateEndStr" id="createdateEndStr" size="12" /> 
    <a id="createdateEndStr-trigger">
    <img src="${pageContext.request.contextPath}/images/date.jpg" width="15" height="16"></a> 
    <!-- calendar script -->
    <script type="text/javascript">
		var JCAL = Calendar.setup({
			onSelect : function(cal) {
				cal.hide();
			},
			//showTime: 24,
			titleFormat : "%Y, %B"
		});
		JCAL.manageFields("createdateEndStr-trigger", "createdateEndStr", "%Y/%m/%d");
	</script> 
	<s:submit action="WordsPoolDelHistoryAction" cssClass="comfirm" value="Query" theme="simple"/>
	<script type="text/javascript">
	var calendarSkin = document.getElementById("skin-steel");
	calendarSkin.disabled = true;
	calendarSkin.disabled = false;
	</script></td> 
  </tr>
</table>
<table width="1200">
  <tr>
    <td>
    <display:table name="sessionScope.noteitDeleteHistoryList" sort="list" id="row" pagesize="10" export="false" defaultsort="9" defaultorder="descending" class="managetable">
      <%--<display:column title="ID" property="id" style="width:3%;text-align: center" sortable="true" headerClass="sortable"></display:column>--%>
      <display:column title="序號" style="width:4%;text-align: center" sortable="true" headerClass="sortable">
      <c:out value="${row_rowNum}"/>
      </display:column>
      <display:column title="English" property="englishE" style="width:10%;text-align: center" sortable="true" headerClass="sortable"></display:column>
      <display:column title="音譯" property="english" style="width:10%;text-align: center" sortable="true" headerClass="sortable"></display:column>
      <display:column title="繁體中文" property="chinese" style="width:10%;text-align: center" sortable="true" headerClass="sortable"></display:column>
      <display:column title="ひらがな" property="japanese" style="width:10%;text-align: center" sortable="true" headerClass="sortable"></display:column>
      <display:column title="カタカナ" property="japaneses" style="width:10%;text-align: center" sortable="true" headerClass="sortable"></display:column>
      <display:column title="Importance" property="importance" style="width:1%;text-align: center" sortable="true" headerClass="sortable"></display:column>
      <display:column title="CreateDate" property="createdate" style="width:13%;text-align: center" sortable="true" headerClass="sortable"></display:column>
	  <display:column title="deleteDate" property="deletedate" style="width:13%;text-align: center" sortable="true" headerClass="sortable"></display:column>
      <display:column style="width:1%;text-align:center" headerClass="sortable">
        <input type="button" value="Detail" onclick="location.href='${pageContext.request.contextPath}/noteit/InitDelDetailAction.do?id=${row.id}'" class="buttonBlue" />
      </display:column>	
    </display:table>
    </td>
  </tr>
</table>
</form>
</div>
</div>
</div>
</body>
</html>
 